<template>
    <div>
        <Card :bordered="false" dis-hover class="ivu-mt">
            <div class="setting">
                <Form inline>
                    <p>
                        <FormItem label="数据归属人员岗位为：" :label-width="160" label-position="left">咨询员</FormItem>
                        <FormItem label="未到：" :label-width="80" label-position="left">
                            <InputNumber :min="1" style="width:80px;margin:0 10px;" v-model="value1"></InputNumber>
                            <span>天重新分配</span>
                        </FormItem>
                    </p>
                    <p>
                        咨询员数据分配
                        <InputNumber :max="10" :min="0" style="width:80px;margin:0 10px;" v-model="value"></InputNumber>次后，超90天未到进入鱼池
                    </p>
                    <Divider class="ivu-mt-0" />
                    <p>
                        <FormItem label="数据归属人员岗位为：" :label-width="160" label-position="left">回访员</FormItem>
                        <FormItem label="未到：" :label-width="80" label-position="left">
                            <InputNumber :min="1" style="width:80px;margin:0 10px;" v-model="value2"></InputNumber>
                            <span>天重新进入鱼池</span>
                        </FormItem>
                    </p>
                    <Divider class="ivu-mt-0" />
                    <p>
                        <FormItem label="患者状态为：" :label-width="100" label-position="left">
                            <Select v-model="state" placeholder="请选择患者状态" multiple clearable>
                                <Option value="失效">失效</Option>
                                <Option value="跟进中">跟进中</Option>
                            </Select>
                        </FormItem>
                        <span>进入鱼池</span>
                    </p>
                    <Button type="primary" size="large" :loading="remarksloading" @click="confirm">保存</Button>
                </Form>
            </div>
        </Card>
    </div>
</template>

<script>
export default {
    name: 'diagnosis',
    data() {
        return {
            value: null,
            post: '',
            remarksloading: false,
            state: '',
            post1: '',
            value1: null,
            value2: null
        }
    },
    methods: {
        confirm() {
            this.$Modal.confirm({
                title: '确认弹窗',
                content: '<p>保存后数据将即时更新，更新后数据将无法返回</p>',
                onOk: () => {
                    this.$Message.info('保存成功')
                }
            })
        }
    }
}
</script>

<style scoped>
.setting p {
    line-height: 30px;
    margin: 20px 0;
}
.setting input {
    margin: 0 10px;
}
</style>
